<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
    name: "MyFooter",
})

</script>

<template>
    <div class="under">
        <div class="top-box-left">
            <dl>
                <dd>Devoloper ArimaMisaki</dd>
                <dd>CSDN ArimaMisaki</dd>
                <dd>HUAWEICloud ArimaMisaki</dd>
                <dd>Gitee https://gitee.com/chengyuhaomei</dd>
                <dd>Phone +18026084940</dd>
            </dl>
        </div>
        <div class="top-box-right">
            <!-- <el-avatar size='large' src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" /> -->
        </div>

        <el-backtop :right="100" :bottom="100" />
    </div>
</template>
  
<style scoped>
.under {
    width: 100%;
    height: 20vh;
    background-color: #0A0A0A;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.top-box-left dl dd {
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    cursor: pointer;
}

.top-box-left dl dd:hover {
    transition: all 0.2s ease-in-out;
    transform: scale(1.1);
    color: #fff;
}
</style>